<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  {{message}}
<!--  <mytem></mytem>-->
  <conp></conp>
</div>

<div id="app2">
  {{message}}
  <mytem></mytem>
</div>

<script src="../js/vue.js"></script>
<script>
  const cons=Vue.extend({
    template:`
      <div>
        <h1>标题</h1>
        <p>内容</p>
        <h1>结尾</h1>
      </div>
    `
  })
  // 全局注册
  // Vue.component('mytem',cons)
  const app = new Vue({
    el:"#app",
    data: {
      message:"stupid mother fucker"
    },
    components:{
      conp:cons,
    }
  })


  const app2=new Vue({
    el:'#app2',
  })
</script>

</body>
</html>